@import "template/head.less";
@import "template/foot.less";
@import "template/positionList.less";
@import "template/positionInfo.less";
@import "template/companyInfo.less";
@import "template/positionClass.less";
@import "template/tab.less";
@import "template/sheet.less";
@import "property.less";
@import "position.less";
@import "search.less";
@import "login.less";
@import "register.less";
@import "me.less";
@import "post.less";
.fs(@px){
    font-size: unit(@px / 37.5, rem);
}

.w(@px){
    width: unit(@px / 37.5, rem);
}

.h(@px){
    height: unit(@px / 37.5, rem);
}

.lh(@px){
    line-height: unit(@px / 37.5, rem);
}

.mt(@px){
    margin-top: unit(@px / 37.5, rem);
}

html,body{
    height: 100%;
    width: 100%;
    margin: 0;
}

body{
    .fs(16);
    background-color: @bodyBgColor;
}

button{
    outline-width: 0;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
